﻿<!DOCTYPE html>
<html lang="en" class="login_page">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Login Page</title>

    <link href="~/Areas/Admin/css/style.default.css" rel="stylesheet" />

    <script src="~/Areas/Admin/js/jquery-1.11.1.min.js"></script>
    <script src="~/Areas/Admin/js/jquery-migrate-1.2.1.min.js"></script>
    <script src="~/Areas/Admin/js/bootstrap.min.js"></script>
    <script src="~/Areas/Admin/js/modernizr.min.js"></script>
    <script src="~/Areas/Admin/js/pace.min.js"></script>
    <script src="~/Areas/Admin/js/retina.min.js"></script>
    <script src="~/Areas/Admin/js/jquery.cookies.js"></script>
    <script src="~/Areas/Admin/js/custom.js"></script>
</head>

@model XukaShop.Models.Entities.Member

<body class="signin">
    <section>
        <div class="panel panel-signin">
            <div class="panel-body">
                <div class="logo text-center">
                    <img src="~/Areas/Admin/images/logo-primary.png" alt="Chain Logo">
                </div>
                <br />
                <h4 class="text-center mb5">Already a Member?</h4>
                <p class="text-center">Sign in to your account</p>

                <div class="mb30"></div>

                <form method="post" action="@Url.Action("Login", "Member")">
                    <div class="input-group mb15">
                        <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
                        @Html.TextBoxFor(model => model.UserName, new {@type="text", @class="form-control", @placeholder="Username"})                        
                    </div>
                    <!-- input-group -->
                    <div class="input-group mb15">
                        <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
                        @Html.TextBoxFor(model => model.Password, new {@type="password", @class="form-control", @placeholder="Password"})                        
                    </div>
                    <!-- input-group -->

                    <div class="clearfix">
                        <div class="pull-left">
                            <div class="ckbox ckbox-primary mt10">
                                <input type="checkbox" id="rememberMe" value="1">
                                <label for="rememberMe">Remember Me</label>
                            </div>
                        </div>
                        <div class="pull-right">
                            <button type="submit" class="btn btn-success">Sign In<i class="fa fa-angle-right ml5"></i></button>
                        </div>
                    </div>
                </form>
            </div>
            <div class="panel-footer">
                <a href="signup.html" class="btn btn-primary btn-block">Not yet a Member? Create Account Now</a>
            </div>
            <!-- panel-footer -->
        </div>
    </section>
</body>
</html>
